<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:insert="~{include :: header('时间轴')}" />
</head>
<body>
    <div class="vertical-timeline-block" th:each="issue : ${issueList}">
        <div class="vertical-timeline-icon" th:classappend="'badge-' + ${issue.issueStatus != null ? issue.issueStatus.htmlColor : '52C41A'}">
            <i class="fa" th:classappend="${issue.tracker != null ? issue.tracker.icon : 'fa-star'}"></i>
        </div>
        <div class="vertical-timeline-content">
	        <h2>[ [[${issue.projectName}]] - [[${issue.trackerName}]] #[[${issue.id}]]] [[${issue.subject}]]</h2>
	        <span class="badge " th:classappend="'badge-' + ${issue.issueStatus != null ? issue.issueStatus.htmlColor : '52C41A'}">[[${issue.statusName}]]</span>
	        <span class="" th:each="priority : ${issuePrioritieList}" th:if="${priority.id == issue.priorityId}">
	            <span class="badge" th:classappend="'badge badge-' + ${priority.listClass}">
	                [[${priority.name}]]
	            </span>
	        </span>
            <p th:utext="${issue.description}">需求描述内容...</p>
            <a href="javascript:void(0);" th:onclick="'$.modal.openTab(\'#' + ${issue.id} + '\',\'/project/issue/' + ${issue.id} + '\');'" class="btn btn-sm btn-primary" shiro:hasPermission="system:issue:detail">查看详情</a>
            <span class="vertical-date" th:if="${issue.createTime != null and issue.updateTime == null}">
                <span th:text="${#temporals.format(issue.createTime, 'yyyy-MM-dd')}">截止日期</span>
                <br>
                <small th:text="${#temporals.format(issue.createTime, 'HH:mm')}">日期</small>
            </span>
            <span class="vertical-date" th:if="${issue.updateTime != null}">
                <span th:text="${#temporals.format(issue.updateTime, 'yyyy-MM-dd')}">截止日期</span>
                <br>
                <small th:text="${#temporals.format(issue.updateTime, 'HH:mm')}">日期</small>
            </span>
        </div>
    </div>
</body>
</html>
